TEMPLATE A

Sabtu, 20 Agustus 2011

GREEN LIGHT

COPY KODE HTML TEMPLATE DIBAWAH INI
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

/*-----------------------------------------------
Theme Name: Green Light
Theme URI: http://wp-themes.com/green-light
Version: 1.03
Author: Template Lite
Author URI: http://www.templatelite.com/

Converted to blogger template by FalconHive.com
Theme URI: http://www.falconhive.com/2008/10/blogger-template-green-light.html
Author URI: http://www.falconhive.com
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/***** general *****/
body {
margin:0px auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
background: #4c4c4e;
color:#000000;
}
img {
border:0px;
padding:5px;
max-width: 100%; /* not working in IE6*/
}
a {color:#003399;text-decoration: none;}
a:hover {color: #003300;text-decoration: none;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #73943B; width:90%;}

blockquote {
clear: left;
text-align: justify;
padding: 0px 0px 0px 10px;
margin: 20px 20px 10px 20px;
border-left: 2px solid #73943B;
}

input {
margin-bottom:5px;
vertical-align: middle;
}

select{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

code{
font: 1.1em 'Courier New', Courier, Fixed;
}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.clear {clear:both;}
.spacer {height:29px;}
/***** layout *****/
#base{
width:888px;
margin:0px auto;
background: url(http://img263.imageshack.us/img263/8397/repeateryx5.jpg) repeat-y center;
}

#base2{
width:888px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDPgks7HJkYU4GzxRAqqq31g0xd6gt609ZVwHBMR0mVjVtNOHH63qOk3wKmGs_ekpi2OUDuTdTV8PwTsBfu0sCq4Cnmh-e-apDrU8e0AM9TX0EpxZFSbxLnFW2JY7p-Hl3CPKq19I4dc/s1600/footer.jpg') no-repeat center bottom;
}

#header{
position:relative;
width: 888px;
height: 334px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwIhrzewqgK-bck6LjuS6d2C7cekNn3tbJNxiE5ibYG5ZNmSqWTQqhz-4a45E3ouottLfIXykjf0huqLq40zXTqPqz2vh3ieTlFr2jqLyHVGDoYS2ScjKVQtkRD2jymkfwTZz0IoXH2Hg/s1600/header.jpg') no-repeat center;
}

/***** header *****/
#blogtitle {font-family: Arial,Verdana; position:absolute; width:80%; float:right; right:25px; top:45px; text-align:right; font-size:24px; color:#ffffff; font-weight:bold;}
#blogtitle a, #blogtitle a:hover {font-family: Arial,Verdana; color:#ffffff; text-decoration:none;}
#subtitle {font-family: Verdana,Arial; position:absolute; width:80%; float:right; right:25px; top:80px; text-align:right; font-size:13px; color:#90b349; font-weight:bold; font-style:italic;}

#header ul {
position: absolute;
height: 22px;
float:right;
top: 27px;
right: 50px;
margin:0px;
}

#header ul li {
display: inline;
font-size: 13px;
}

#header ul li a {
display: block;
float: left;
line-height: 22px;
color: #ffffff;
padding: 0 15px;
text-decoration:none;
}

#header ul li a:hover, #header ul li.current_page_item a {
background: #6c9025;
}

#header img.home {

position: absolute;
margin:0px;padding:0px;
right: 15px;
top: 19px;
width:35px;
height:35px;
}

#container{
position:relative;
width:888px;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pf30uedFUd_LdsZ4GaICYZycSVfUsUwjU5xVDTdRheoHX1lFM35acchSAdrVGDeNASKJcafidmx_Jz69Z_sEFRBviNTOife4tnDtPUKmBgDn_k4E4M8u8oCtWurQSoynDmRAG1vjl7c/s1600/container_bg.jpg') no-repeat 0 0;
}

#content{ /*width=698px*/
float:left;
display:inline;
overflow:hidden; /*when ie6, image's with is > content width, hidden*/
width:658px;
min-height:614px; /*ie6 not support*/
padding: 0px 15px 0px 25px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9S2d6uHh_RBncVNvbnAU4cip7zLKxo8aXd_jgOGcfTaTW3FeRXZu_-qitc4Bsz6s3hekGBbk7CYQhwR-7T0PJJ29Fxp3y7YIlpwHW8uiNnv2LJwdIYfRcx73pSLX7dfMlQIAsm5xIWU/s1600/content_bg.jpg') no-repeat 567px 0px;
}

/***** content *****/

.archivetitle {
color: #000000;
font-size: 14px;
font-variant: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
}

.title, .title a {
color: #000000;
font-size: 20px;
}

.date {
font-size: 10px;
padding: 0px 0px 4px 0px;
border-bottom: 1px solid #73943B;
}

.entry {
color: #000000;
line-height: 1.6em;
text-align: justify;
padding: 8px 0px 0px 0px;
}

.page_entry {
margin: 10px 0px 0px 0px;
padding: 2px 0px 20px 0px;
border-top: 2px solid #73943B;
border-bottom: 1px solid #73943B;
}

.info {
line-height: 1.6em;
font-size: 10px;
text-align: left;
margin: 0px 1px 50px 0px;
padding: 4px 0px 1px 1px;
border-top: 1px solid #73943B;
}

.category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4Px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGvc017qRPTTmExkiaCvjMqDrcaqbyof6wRfmNuXotZYarp64zdX_fx80jNY900BYz7KUmtcCQqAvn_aqqsVDhPZLkEfIXITdu1l9h8b_yF897Cm_q9NHf71O-W0em9QE2TXFeYSiJbw/s1600/category.gif') no-repeat top left transparent;
}

.tags {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijFJq7_OdZ42Yc1phZTmiyIJ3uk1d_EO176UMtE1YXeZBS9vPnxY8SPFBtyLZ0bmJSIiYJl1vYJ5O-Q1S1fI07M2lxx0hsCYx3uV5moHJvyBmfvD5Riku7MCzGALqdI7MFZvwKgB6cFlU/s1600/tags.gif') no-repeat top left transparent;
}

.bubble {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQqgT94hdg2UPPTnKbsfgHmT8f7FQwY9zs_-_znc9yPHktkXdyd9whWlN29KTYvhCF24KS7QQYkF2I6b4c0z9PlsxoljuGsnCU9ytSeEGdw1NVZBigcr3hSpw5vH21Us5B3DDhDweAN9o/s1600/bubble.gif') no-repeat top left transparent;
}

.navigation {
font-size: 11px;
margin: 40px 0px 0px 0px;
padding: 2px 0px 17px 0px;
border-top: 2px solid #73943B;
border-bottom: 1px solid #73943B;
}

.sorry {
font-size: 11px;
font-style: italic;
margin: 8px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border-top: 1px solid #73943B;
border-bottom: 1px solid #73943B;
}
#postmetadata {
font-size: 12px;
margin: 10px 0px 20px 0px;
padding: 5px 15px 5px 15px;
border-top: 1px solid #73943B;
border-bottom: 2px solid #73943B;
}

.nocomments {background: none; color: #000000;}
.commenttitle {
color: #000000;
font-size: 14px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 1px solid #80b608;
}

.commentlist {list-style: none;}
.commentbody {
color: #000000;
font-size: 11px;
position: relative;
list-style-type: none;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #80b608;
}

.adminbody {
color: #000000;
font-size: 11px;
position: relative;
list-style-type: none;
margin: 0px 0px 20px 25px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #80b608;
}

.commenthead {
color: #000000;
padding: 5px 0px 8px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px dotted #80b608;
background:#ffffff;
}


.adminhead {
color: #000000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 8px 0px;
border-bottom: 1px dotted #80b608;
background:#ffffff;
}

.avatar {
position:relative;
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
background: #ffffff;
}

.commentcount {
float: right;
color: #000000;
font-size: 20px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Georgia, Times, 'Times New Roman', serif;
}

.authorlink {color: #000000; font-size: 11px; font-weight: bold;}
.authorlink a {color: #000000; font-size: 11px; font-weight: bold;}
.commentlink {font-size: 10px; color: #000000;}
.trackhead {
color: #000000;
margin: 0px 0px 10px 0px;
padding: 7px 0px 8px 41px;
border-bottom: 1px dotted #80b608;
background: url(images/track.jpg) no-repeat top left;
}

.trackbody {
color: #000000;
font-size: 11px;
position: relative;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #80b608;
}

.trackbody p a {color: #000000;}
#commentform {
margin:0;
padding:20px 0 0 0;
}

#email, #author, #url {
color: #000000;
font-size: 12px;
background: none;
padding-left: 2px;
vertical-align: middle;
border: 1px solid #73943B;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#comment {
width: 400px;
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #80b608;
padding: 2px 2px 2px 2px;
}

#submit {
width: 80px;
height: 20px;
color: #000000;
font-size: 12px;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 1px solid #80b608;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#sidebar{ /*width=190px*/
float:right;
display:inline;
overflow:hidden;
width: 174px;
margin:0 0 0 0;
padding: 0px 8px 0px 8px;
color:#ffffff;
}

/***** sidebar *****/
#sidebar a{color:#ffffff;}
#sidebar a:hover {color:#73943B;}

#sidebar ul {
color: #c8c8c8;
line-height: 1.6em;
list-style-type: none;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 13px;
border-bottom: 1px dotted #73943B;
}

#sidebar li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 13px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizWUtkKI4t7jClc2QftWJJkUD-iPn5eeLep7KIz21bsG4vlroizvaDatxfjrqECKVFvNxXFMx4iNCD-Qe0AB9ocGL2rTyCX5FLKcDriGvdfXr4gbp0zOPP-F0enSXSK-jqWolRJU1AyyA/s1600/arrow.gif') no-repeat 0px 5px;
}

#sidebar h2 {
color: #ffffff;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 3px 20px 3px 0px;
border-top: 3px solid #73943B;
border-bottom: 1px solid #73943B;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2PrTA_BtYHcUwMiehM5OB_agsDpWGGr_-CZ9iXGmMGE5zKGxb7X3vQErw4qu8bl0Gg7kQiFzYJNNnU-UcHDPv4eyIybyHktW4Tp3RhrBsIG4h62bVoAKwdJ-PyswDIRWi0ka82mUavg/s1600/sidetitle.gif') no-repeat right;
}

#sidebar select{
margin:5px 0px 2px 2px;
font-size:11px;
width:170px;
overflow:hidden;
}

#footer {
clear:both;
margin:0px;
color: #ffffff;
font-size: 11px;
padding:35px 190px 14px 20px;
}

#footer a {color: #ffffff; font-weight:bold;}

/***** search *****/
#searchform{
margin:0 0 15px 0;
padding:0 0 0 0;
}

.searchbox {
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
width:170px;
height:28px;
}

.search-field input {
position:relative;
float:left;
top:8px;
left:8px;
width:117px;
height:13px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#999999;
padding:2px 3px 1px 3px;
border:0px;
background:#f0f0f0;
}

.search-but input {
float:right;
position:relative;
top:5px;
right:10px;
width:25px;
height:22px;
}

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}

]]></b:skin>
</head>

<body>
<!-- base -->
<div id='base'>
<!-- base2 -->
<div id='base2'>

<!-- Header -->
<div id='header'>

<!-- Blogtitle -->
<b:section class='blogtitle' id='blogtitle' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Green Light (cabecera)' type='Header'>
<b:includable id='title'>
<div id='blogtitle'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</div>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
<data:description/>
</div>
</b:includable>
<b:includable id='main'>
<h1 class='blognam'>
<b:include name='title'/>
</h1>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
<!-- /Blogtitle -->

<!-- Menu -->
<div id='header-menu'>
<ul>
<li id='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
</ul>
</div>
<!-- /Menu -->

</div>
<!--/Header-->

<!-- Container -->
<div id='container'>

<!-- Content -->
<div id='content'>
<b:section class='content2' id='content2' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>

<!--Blog-Pager-->
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<!--Blog-Pager-->
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>

<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>

<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>

<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>

<h4>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</h4>
</b:includable>
<b:includable id='post' var='post'>
<div class='title'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<span class='title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</span>
</b:if>

<div class='date'>
<span class='timestamp'>
<b:if cond='data:post.timestamp'>
<data:post.timestamp/>
</b:if>
</span> | Author: <span class='author'>
<b:if cond='data:top.showAuthor'>
<data:post.author/>
</b:if>
</span>
</div>
</div>

<div class='entry'>
<data:post.body/>
</div>

<div class='info'>
<span class='category'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</span> |
<span class='bubble'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
</b:if>
</b:if>
</span>
</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<small>
This entry was posted on <data:post.timestamp/> and is filed under <b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>. You can follow any responses to this entry through the <a expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default&quot;'>RSS 2.0</a> feed. You can <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>leave a response</a>, or trackback from your own site.</small>
</b:if>


<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>

<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<div class='post-comments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
On<span class='comment-timestamp'>
<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
</span> ,
<a expr:name='&quot;comment-&quot; + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<b:include data='comment' name='commentDeleteIcon'/>
<dd class='comment-footer'>
</dd>
</b:loop>
</dl>
</div>

<div class='post-info2'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

<!-- Navigation -->
<div class='navigation'>
<div class='alignleft'/>
<div class='alignright'/>
</div>
<!-- /Navigation -->

</div>
<!-- /Content -->

<!-- Sidebar -->
<div id='sidebar'>
<form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='search-box' method='get'>
<div class='search-field'>
<input class='search-field' id='qsearch' name='q' title='write and enter' type='text' value='Search'/>
</div>
<div class='search-but'>
<input alt='Search' class='btn' name='searchsubmit' src='http://i36.photobucket.com/albums/e2/alvaris924/Green%20Light%20Project/spacer.gif' title='Search' type='image'/>
</div>
</form>

<div class='spacer'/>
<b:section class='sidebar5' id='sidebar5' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != &quot;&quot;'>
<span class='item-date'>
&#160;-&#160;<data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != &quot;&quot;'>
<span class='item-author'>
&#160;-&#160;<data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>

</div>
<!-- /Sidebar -->

</div>
<!-- /Container -->

<div id='footer'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; Design by <a href='http://www.templatelite.com/' target='_blank'>Template Lite
</a><br/>Converted to Blogger by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>Falcon Hive.com</a>
</div>

</div>
<!-- /base2 -->
</div>
<!-- /base -->

</body></html>